<template>
  
    <div class="app">
     
        <!-- 导航区 -->
         <div class="navigate">
            <div >             
              <RouterLink class="size" to="/discover"><i class="iconfont icon-faxian">  发现</i></RouterLink>
            </div>
            <div >
              <RouterLink class="size" to="/release"><i class="iconfont icon-fabu">  发布</i></RouterLink>
            </div>
            <div >
              <RouterLink class="size" to="/notice"><i class="iconfont icon-tongzhi">  通知</i></RouterLink>
            </div>
            <div >
              <RouterLink class="size" to="/me"><i class="iconfont icon-wode">  我的</i></RouterLink>
            </div>
           
            <div >
            <RouterLink class="size" to="/more"><i class="iconfont icon-gengduo">   更多</i></RouterLink>
            </div>
         </div>
       
    </div>
  </template>
  
  
  <script>
export default {
    name: 'side-bar',
    // 其他选项...
}
</script>

  
  <style scoped>
.navigate{
    width: 237.25px;
    height: 224px;
    padding-left: 20px;
    margin-top: 50px;
}

.size{
    display: block;
    color: #000000 !important;
    width: 100%;
    height: 47.99px;
    font-size: 30px;   
}
.gengduo{
    display: flex;
    bottom: 100px;
}
  </style>